html{height: 100%;}
body{background-color:#e6e6e6;height: 100%;}
div,p,ul,li{margin: 0;padding: 0;font-family: "微软雅黑";user-select:none;}
li{list-style-type: none;}

.view_box{width:100%;height:100%;overflow: auto;background-color:#e6e6e6;}
.background{width:100%;height:88%;overflow: hidden;}
.background h3{margin: 0;margin-top: 3px;}
.background p{margin: 0;margin-top: 6px;}


.background .Button{background:#fff;padding:0 10px;position: relative;overflow: hidden;}
.background .Button:active{background: #c0c0c0;}
.background .mailbox{text-align: center;}
.background .mailbox .active{background: #00645d;color: #ffffff;transition:all 0.5s;}
.background .mailImfo{width:100%;height:100%;overflow: auto;}
.background .messageButton{border-bottom: 1px solid #e6e6e6;height: 80px}
.background .messageButton img{height: 68px;width: 68px;float: left;margin-top: 5px;margin-right: 10px;}
.background .messageButton p{color: #909090;margin:0;}
.background .messageButton .title{color: #000000;font-size: 20px;font-weight: bold;margin-top: 4px;}
.background .messageButton .user_name{color: #000000;}
.background .messageButton p span{float: right;color:#00645d;}


.background .searchText{background:#fff;padding:10px;}
.background .contactButton{border-bottom: 1px solid #e6e6e6;height: 64px}
.background .contactButton>img{height: 50px;width: 50px;float: left;margin-top: 7px;margin-right: 10px;}
.background .contactButton p{color: #909090;}
.background .contactButton p span{float: right;color:#00645d;}
.background .contactButton a{position: absolute;top: 0;right: 0; width: 64px;height: 64px;transition: background 0.5s;}
.background .contactButton a:active{background: #00645d;}
.background .contactButton a img{height: 40px;width: 100%;margin:12px 0;padding: 0 12px;
    border-left: 1px solid #e6e6e6;}


.background .setButton p{padding: 10px 0;border-bottom: 1px solid #e6e6e6;}
.background .setButton .last{border: none;}
.background .personalButton{margin-bottom: 10px;}
.background .exitButton{margin:10px 0;}

footer{position: fixed;left:0;bottom: 0;width: 100%;border-top: 1px solid #e0e0e0;background: #fff;height: 12%}
footer ul{margin:0 auto;}
footer ul li{float: left;width: 33%;text-align: center;padding-top:5px;}
footer ul li span{font-size: 2em;}
footer ul li p{font-size: 1em;}
footer ul li a{color:#b0b0b0;text-decoration:none;user-select:none;}
footer ul li a:link{color:#b0b0b0;text-decoration:none;user-select:none;}
footer ul li a:focus{color:#b0b0b0;text-decoration:none;user-select:none;}
footer ul li a:hover{color:#b0b0b0;text-decoration:none;user-select:none;}
footer ul li a.active{color:#00645d;text-decoration:none;user-select:none;}
